/* G E N E R A L   S E T T I N G */

html
{
	
}

body
{
	padding   : 0 10px 0 10px;
	min-width : 800px;
	display   : inline-block;
	
}

body
{
	width       : 100%;
	margin-left : -20px;  
}

#divBody
{
	margin-left : 20px;
}

textarea
{
	overflow : auto;
}


.cssNormal
{
	background-color : ORANGE;
	font-style       : normal;
}

.cssError
{
	background-color : RED;
	font-style       : italic;
}

div.error
{
	background-color:					RED;
	color:								WHITE;
	border:								solid 2px BLACK;
}

form
{	
	display:							inline-block;
}
	form > ul
	{
	/*border:							solid 1px BLUE;*/
	display:							inherit;
	}
	form > ul > li
	{
		padding:						5px;	
	}
		form > ul > li > label:first-child 
		{
		/*border:						solid 1px RED;*/
		width:							200px;
		display:						inline-block;
		text-align:						right;
		
		}
		form > ul > li > label > font
		{
			color:						RED;
		}
	


/* O T H E R  S E T T I N G */
header
{
	
}

	div#logoPhysics
	{
	    display:							inline-block;
	    font-size:							150%;
	    float:								left;
	    font-weight:						bold;
	}

	div#logoPhysics > samp > a > span#namePhysics
	{
		font-size:						    225%;
		vertical-align:					    top;
		margin-right:					    -0.3em;
		margin-top:						    -0.1em;
	}
	
	div#logoPhysics > a
	{
		padding-left:					    1em;
		display:						    block;
		font-size:						    75% "courier new";
	}

	div#logoPhysics a#hrefPhysics:link /* unvisited link */,
		div#logoPhysics a#hrefPhysics:visited /* visited link */
		{
			text-decoration:			    none;
			color:						    BLACK;
			background-color:			    transparent;
		}
		div#logoPhysics a#hrefPhysics:hover /* mouse over link */
		{
			color:						    BLUE;
		}  
		div#logoPhysics a#hrefPhysics:active /* selected link */
		{
			color:						    RED;
		}


	div#logoPhysics a#hrefECiber:link /* unvisited link */,
		div#logoPhysics a#hrefECiber:visited /* visited link */
		{
			text-decoration:				    none;
			color:							    BLACK;
			background-color:				    transparent;
		}
		div#logoPhysics a#hrefECiber:hover /* mouse over link */
		{
			color:							    RED;
		}  
		div#logoPhysics a#hrefECiber:active /* selected link */
		{
			color:							    BLACK;
		}
		
	#menu-user-signIn
	{
		float         : right;
		text-align    :	right;
		border        : solid 1px BLACK;
		border-right  : none;
		padding       : 0.5em;
		padding-right : 2em;
		margin-right  : -2em;		
		width		  : 175px;				  	
	}
	#menu-user-signIn > li 
	{
		display : inline;			
	}
	#menu-user-signIn > li + li
	{
		border-left  : solid 1px BLACK;
		padding : 0 0.5em;
	}
	
	ul.language
	{
		display:							block;
		margin-top:							-0.5em;
	}
	ul.language > li
	{
		display:							inline;		
	}
		ul.language > li > a,
		ul.language > li > a.passiv
		{
		color:								#DADADA;
		font-weight:						bold;
		text-decoration:					none;
		}
		ul.language > li > a.active
		{
		color:								BLACK;
		font-size:							150%;
		}
	
	#headerLayout > form.header_search_form
	{
	
		display: 						    inline-block;
		float:						        right;
		text-align:						    center;
		color:						        BLUE;
		padding-left:					    10px;
		vertical-align:					    top;
		background-color:				    inherit;
		padding-top:					    0px;
	}
	#header-infoContainer
	{
        text-align    : center;
        min-height    : 100px;
        margin-bottom : 1.5em;
	}
	
#bodyLayout
{
	width          : 100%;
	min-height     : 100px;
	display        : inline-block;
	padding-bottom : 0.5em
}

	#bodyLayout > #menuLayout
	{
        font-family:					    Arial;
        float:						        left;
        width:						        175px;
        padding:						    0;
        margin:						        0;
	}
	#menuLayout > menu[class]
	{
		margin-top:					        0.75em;
	}
	
	#menuLayout > menu[class]:first-child
	{
		margin-top:					        1.5em;
	}
	
	#menuLayout > menu.authorization
	{
		
		z-index:					        -100;
		margin-left:				        20px;
		display:					        block;
		background-color:			        ORANGE;
		border:					            1px solid;
		border-right:				        none;
		padding-bottom:				        0.25em;
	}
		menu.authorization > li,
		menu.general > li
		{	
		    white-space:				    nowrap;
		    text-align:				        right;
		    display:				        block;
            /*width:					        100%;*/
            padding-right:				    10px;
            margin-left:				    -1em;
		}
	
	#menuLayout > menu.chapter 
	{
		border-bottom:				        solid 1px GREEN;
		border-left:				        solid 1px GREEN;
		text-align:					        center;
		padding:					        0;
		margin-left:				        20px;
	}
		menu.chapter  > li
		{
            background-color:			    BLACK;
    	}
		
		menu.chapter  > li > a /* denumirea capitolui*/
		{
		    color:					        WHITE;
		    padding-left:				    5px;
		}
		
		menu.chapter  > li > ul 
		{
            display:				        block;
            padding:				        0;
            border:					        none;
            background-image:			    none;
            padding:				        0.5em 0 0.5em 1em;
            text-align:				        left;		
		}
		menu.chapter  > li > ul > li
		{
			display:				        inline-block;
			padding-right:			        8px;
		}
		
		menu.chapter > li > ul > li > a.actvItemMenu
		{
			border:				            dotted 2px ORANGE;
			font-size:				        150%;
			padding:				        0.2em;
		}
			
	
	#menuLayout > menu.general
	{
		z-index          : -100;
		margin-left      : 20px;
		display          : block;
		background-color : ORANGE;
		border           : 1px solid;
		border-right     : none;
		padding-bottom   : 0.25em;
	}	

	#optionButtons
	{
		float   : right;
		border  : solid 0px BLACK;
		padding : 0 5px 0 5px;
		cursor  : pointer;
	}
	#optionButtons > a
	{
	    text-decoration : none;
	    color           : BLACK;
	    border          : solid 1px BLACK;
	}
	
    #optionButtons > a.enable
    {
        padding-top : 5px;
    }
		
	#contentLayout,
	#contentLayoutHome
	{
		text-align  : justify;
		font-size   : 1.2em;
		line-height : 1.2em;
		margin-left : 175px;
		border      : solid 1px BLACK;
		padding     : 20px;
	}
	#contentLayout > #home
	{
		margin  : 1em 0 -7em 0;
		color   : RED;
		z-index : 100;
	}
	#contentLayout > ol,
	#contentLayout > ul
	{
		padding-bottom : 1em;
		text-indent    : 1.25cm;
	}
		#contentLayout ol > li
		{
			list-style-type     : decimal;
			list-style-position : inside;
			line-height         : 150%;
		}
		#contentLayout > ol > h3
		{
			text-indent   : 0;
			border-bottom : solid 0.5px ORANGE;
		}
	
	
	#contentLayout h1,
	#contentLayout h2,
	#contentLayout h3
	{		
		text-align  : center;
		font-style  : italic;
		font-weight : bold;
		font-family : Arial;
		padding     : 1.5em 0 1.5em 0;
	}
	
	#contentLayout h1 + h2,
	#contentLayout h2 + h3,
	#contentLayout h3 + h3
	{
		padding-top : 0;
	}		
			#ol-table-of-contents
		    {
		        border       : 1pt solid #C1B496;
		        float        : right;
		        font-size    : 0.9em;
		        background   : none repeat scroll 0% 0% rgb(241, 241, 237);  
		        margin       : 1em;
		        margin-right : 0em;
		        padding      : 1em;
		        list-style   : decimal inside;
		
				background   : none;
				border       : solid 4px #C1B496;
		    }	
				#ol-table-of-contents > li{
					line-height   : 2em;
					border-bottom : solid 2px #C1B496;
				}

	#contentLayout h1
	{
		/*font-size   : 18pt;*/
		font-size   : 160%;
		padding-top : 0;
		line-height : 160%;
	}
	
	#contentLayout h2
	{
		/*font-size      : 14pt;*/
		font-size      : 140%;
		font-style     : normal;
		text-transform : uppercase;
		line-height    : 1.5em;
	}
	
	#contentLayout h3
	{
		/*font-size   : 14pt;*/
		font-size   : 130%;
		text-align  : justify;
		text-indent : 1.25cm;
		line-height : 150%;
		font-style  : italic;
		font-weight : bold;
	}	
		#contentLayout h3:hover
		{
			text-decoration : none;
			color           : RGB(75,75,75);
		}
		
    #contentLayout h4
	{
		/*font-size   : 14pt;*/
		font-size   : 120%;
	}
	
	#contentLayout p
	{	
		text-indent : 1.25cm;
		line-height : 150%;
	}	
	
	#contentLayout > center > a + label,
	#contentLayout > center > img + label
	{
		display    : block;
		text-align : center;
	}	
	#contentLayoutCapitol
	{
        padding:					0;
        margin:						0;
        text-align:					center;
        padding:					3em;
        text-align:					center;
        color:						ORANGE;
        font-size:					350%;
	}	

	div#nav
	{
		position:						    relative;
		left:							    -20px;
		top:							    -50px;
		margin-bottom:					    -20px;
	}
		
		div#nav > a
		{		
			display         : inline-block;
			padding         : 0 1em 0 1em;
			
			border          : 1px solid BLACK;
			font-weight		: normal;
			text-decoration : none;
		}
		div#nav > a:FOCUS
		{
			margin:-3px;
		}
		
		div#nav > a.tab_activ
		{
    		border-bottom    : 1px solid WHITE;
			font-weight      : bold;
			position         : relative;
			bottom           : -0.5em;
			background-color : RGB(175,175,175);
		}
	
	#bodyLayout > #advanceSearchArea > div
	{
	    border : solid 2px BLUE;
	}
	#bodyLayout > #advanceSearchArea > span
	{
	    padding : 1em;
	    display : inline-block;
	}
	#bodyLayout > #advanceSearchArea > span#searchingStyle 
	{
	    padding-bottom : 2em;
	}
	#bodyLayout > #advanceSearchArea  > span > label 
	{
		padding : 0 0.5em 0 0.5em;
	}
    



/* Independend----------------------------------------------------------------*/
	a[id^="formula-"],
	a[class^="innerFormula-"]
	{
	    background : none;
	}
	a[id]
	{
		margin : 2em 0 2em 0;
	}

	a[id^="formula-"]
	{
	display:						block;
	text-align:						center;
	/*border:						solid 1px RED;*/
	min-width:						1em;
	}
	a[id^="formula-"] > span.label
	{
		float:						right;
		
	}

	a[class^="innerFormula-"]
	{
		/*border    : solid 1px RED;*/
		min-width   : 1em;
		display     : inline-block;
		text-indent : 0;
		line-height : 1em;
		margin      : 0;
	}

	figure[id^="fig-"]
	{
		display    : block;
		text-align : center;
		background : none;
		overflow   : auto;
		margin     : 1em 0 1em 0;
	}
	figure[id^="fig-"] > div.label
	{
		padding-top : 0.5em;
		display     : block;
		text-align  : center;
	}
	
	/* samp a: ....... -----------------------------*/
	/* unvisited link */
	a[id]:link
	{
		color            : #FF0000;
		background-color : BLUE;
	}
	/* visited link */
	a[id]:visited
	{
		color:			#00FF00;
		/*background-color:		RED;*/
	} 
	/* mouse over link */
	a[id^="formula-"]:hover,
	a[class^="innerFormula-"]:hover
	{
		/*color:			#FF00FF;*/
		text-decoration : none;
		font-weight     : bold;
		border-right    : inset 1px ORANGE;
		border-top      : inset 1px ORANGE;
		border-bottom   : inset 1px ORANGE;
	} 
	/* selected link */
	a[id]:active
	{
		color:				#0000FF;/*background-color:ORANGE*/
	}

samp /* basic setupe for formula CSS ------------------------------------------*/
{
	font-family:		/*Charv2, MyXO,*/ cursive, fantasy, monospace;
	font-size:			1.0em;	
	vertical-align:		middle;
	padding:			0;
	text-indent:		0;
	position:			relative;
	top:			-2px;
	/*border:		dashed 1px RED;*/
	display:			inline-block;
}
	samp span
	{
		vertical-align:		middle;
		display:			inline-block;
		vertical-align:		middle;
		/*padding:		0 1em 0 1em;*/
		/*	border:			dashed 1px RED;*/
	}
	
	samp  span > var
	{
		text-align:			center;
		display:			block;
		font-style:			inherit;
		padding-left:		0.4em;
		padding-right:		0.4em;
	}
	
	samp  span > var.sup
	{
		border-bottom:		solid 2px BLUE;	
	}
	
img#loading /* hiding the rotating gif graphic by default */
{	
  	visibility:		hidden;
}


p.isNotConstructed
{
    padding:            0;
    margin:             0;
    text-align:         center;
    padding:            3em;
    text-align:         center
}


#ajaxWarnig
{
	background-color:	BLACK;
	color:				WHITE;
}

/*____________________ADMIN_______________________________*/
ul.rManageUL
{
	text-align:			left;
	display:			inline-table;		
}
ul.rManageUL > li > a
{
	display:			inline-table;
	min-width:			5em;
}
ul.rManageUL > li > a:FIRST-CHILD
{
	min-width:			15em;
	padding-left:		2em;
}
ul.rManageUL > li:nth-child(2n+1) 
{
	background-color:	WHITE;
}

ul.rManageUL_1
{
	display:	block;
	border:		solid 2px BLACk;
	padding:	1em 0 1em 0;
}

ul.rManageUL_2
{
	display:	block;		
	padding:	1em 0 1em 0;
}
ul.rManageUL_2 > li,
ul.rManageUL_1 > li
{
	display:			inline;
	border-right:		solid 2px BLACk;
}
ul.rManageUL_1 > li > a
{
	padding:0 1em 0 1em; 
}

div#adminMaps
{
    border-top    : thin double BLACK;
    border-bottom : thin double BLACK;
    line-height   : 70px;
    text-align    : center;
}	div#adminMaps > a
	{
		padding     : 2em;
		white-space : nowrap;
	}
	
ul#uploadFiles
{
    text-align : left;
}   ul#uploadFiles .activ
    {
        font-weight      : bold;
        background-color : ORANGE;
    }
    ul#uploadFiles .lineForm
    {
        text-align : left;
        border     : solid 1px BLACK;
        display    : inline-table;
    }   ul#uploadFiles .lineForm form
        {
            text-align: right;
        }   ul#uploadFiles .lineForm form > label
            {
                min-width : 14em;
                display   : inline-table;
            }

dl.dataEnum
{
	display: inline-block;
}
	dl.dataEnum > dd,
	dl.dataEnum > dt
	{
		line-height: 2em;
		margin     : 0;
		display: inline;
	}

dl.dataEnum > dd.br
{
    display: block;
}

span.colaps-def > a[href="do-expand_colaps"]
			{
				padding    : 60px 0 10px 70px;
				display    : block;
			}
			span.colaps-def > a[href="do-expand_colaps"]:FOCUS
			{
			
			}
			span.colaps-def > a[href="do-expand_colaps"] + dl
			{
				display: none;
			}
			#svgFrameContainer
			{
				display : inline-block;
			}
			
			div.center, 
			table.exec
			{
				text-align     : center;
				vertical-align : center;
			}
			#statusBar
			{
				position : fixed;
				bottom   : 0px;
				left     : 0px;
				width    : 100%; 
			}
			
			
			span.colaps-def
			{				
				display : inline-block;
			}
